<!--
 * @description: 
 * @Author: latiao
 * @Date: 2022-03-03 15:32:33
 * @LastEditors: latiao
 * @LastEditTime: 2022-04-21 14:40:08
-->
<template>
  <div class="bg">
    <p class="bg__title">欢迎登录启山智软平台</p>
    <div class="bg__wrap">
      <phone-sign
        v-if="loginType === 'phone'"
        :type.sync="loginType"
      ></phone-sign>
      <code-sign v-if="loginType === 'code'" :type.sync="loginType"></code-sign>
      <qr-sign v-if="loginType === 'qrcode'" :type.sync="loginType"></qr-sign>
    </div>
    <p class="bg__copyright">
      Copyright © 2013-2020 www.weimob.com. All Rights
      Reserved宁波美杜莎企业孵化器管理有限公司版权所有 沪ICP备17019238号-1
    </p>
  </div>
</template>

<script lang="ts">
import { Vue, Component } from "vue-property-decorator";
import PhoneSign from "@/views/sign/SignInByPhone.vue";
import CodeSign from "@/views/sign/SignInByCode.vue";
import QrSign from "@/views/sign/SignInByQrCode.vue";

@Component({
  components: {
    PhoneSign,
    CodeSign,
    QrSign,
  },
})
export default class Sign extends Vue {
  loginType = "phone";
}
</script>

<style lang="scss">
@import "../../assets/styles/sign/sign";
</style>
